<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./../layout/layout_admin.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="top">

    </ui:define>

    <ui:define name="content">
        <p:panel header="Creacion de usuarios">
            <p:tabView>
                <p:tab title="Admin">
                    <h:form id="form01">     
                        <p:growl id="form01growl01" showDetail="true" sticky="true" life="2000" /> 
                        <p:panel id="form01panel01" styleClass="panelGridCenter">                            
                            <p:focus context="form01panel01"/>
                            <h:panelGrid id="form01grid01" columns="3" cellpadding="5" styleClass="panelGridCenter">
                                <p:outputLabel for="form01inputText01" value="Nombres:" style="font-weight:bold"/>
                                <p:inputText id="form01inputText01" onkeyup="javascript:this.value=this.value.toUpperCase();" value="#{crearUsuario.admin.dnmAdmin}"
                                             required="true" requiredMessage="Por favor ingrese su nombre">
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form01inputText01" display="text" />

                                <p:outputLabel for="form01inputText02" value="Apellido Paterno:" style="font-weight:bold"/>
                                <p:inputText id="form01inputText02"  value="#{crearUsuario.admin.dappAdmin}"
                                             required="true" requiredMessage="Por favor ingrese su apellido paterno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form01inputText02" display="text" />

                                <p:outputLabel for="form01inputText03" value="Apellido Materno:" style="font-weight:bold"/>
                                <p:inputText id="form01inputText03" value="#{crearUsuario.admin.dapmAdmin}" 
                                             required="true" requiredMessage="Por favor ingrese su apellido materno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form01inputText03" display="text" />

                                <p:outputLabel for="form01inputText04" value="Email:" style="font-weight:bold"/>
                                <p:inputText id="form01inputText04" value="#{crearUsuario.admin.demailAdmin}" 
                                             required="true" requiredMessage="Por favor ingrese un email"
                                             validatorMessage="Formato de email invalido" >                                
                                    <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" /> 
                                </p:inputText>
                                <p:message for="form01inputText04" display="text" />

                                <p:outputLabel for="form01inputText05" value="Telefono:" style="font-weight:bold"/>
                                <p:inputMask id="form01inputText05"  value="#{crearUsuario.admin.dtfnoAdmin}"
                                             required="false" mask="9999999" size="9" />
                                <p:message for="form01inputText05" display="text" />

                                <p:separator />
                                <p:separator />
                                <p:separator />

                                <p:outputLabel for="form01inputText06" value="Usuario:" style="font-weight:bold"/>
                                <p:inputText id="form01inputText06" value="#{crearUsuario.admin.dnmUsua}"
                                             required="true" requiredMessage="Por favor ingrese su nickname">
                                    <f:validateLength minimum="5" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form01inputText06" display="text" />

                                <p:outputLabel for="form01inputText07" value="Contraseña:" style="font-weight:bold" />
                                <p:password id="form01inputText07"  feedback="true"  value="#{crearUsuario.admin.dcntUsua}"
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form01inputText07" display="text" />

                                <p:outputLabel for="form01inputText08" value="Repita su contraseña" style="font-weight:bold" />
                                <p:password id="form01inputText08"  value="#{crearUsuario.passAdmin}"
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form01inputText08" display="text" />

                            </h:panelGrid>
                            <p:commandButton value="Registrar" icon="ui-icon-check" validateClient="true" style="margin-right:10px"
                                             update="form01grid01,form01growl01" action="#{crearUsuario.registrarAdmin}" />                            
                            <p:commandButton value="Limpiar" type="reset" />
                        </p:panel>
                    </h:form>
                </p:tab>
                <p:tab title="OCAA">                    
                    <h:form id="form02">     
                        <p:growl id="form02growl01" showDetail="true" sticky="true" life="2000" /> 
                        <p:panel id="form02panel01">                                             
                            <p:focus context="form02panel01"/>
                            <h:panelGrid id="form02grid01" columns="3" cellpadding="5" styleClass="panelGridCenter">
                                <p:outputLabel for="form02inputText01" value="Nombres:" style="font-weight:bold"/>
                                <p:inputText id="form02inputText01" value="#{crearUsuario.jefeOcaa.dnmJocaa}"
                                             required="true" requiredMessage="Por favor ingrese su nombre">
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form02inputText01" display="text" />

                                <p:outputLabel for="form02inputText02" value="Apellido Paterno:" style="font-weight:bold"/>
                                <p:inputText id="form02inputText02"  value="#{crearUsuario.jefeOcaa.dappJocaa}"
                                             required="true" requiredMessage="Por favor ingrese su apellido paterno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form02inputText02" display="text" />

                                <p:outputLabel for="form02inputText03" value="Apellido Materno:" style="font-weight:bold"/>
                                <p:inputText id="form02inputText03" value="#{crearUsuario.jefeOcaa.dapmJocaa}" 
                                             required="true" requiredMessage="Por favor ingrese su apellido materno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form02inputText03" display="text" />

                                <p:outputLabel for="form02inputText04" value="Email:" style="font-weight:bold"/>
                                <p:inputText id="form02inputText04" value="#{crearUsuario.jefeOcaa.demailJocaa}" 
                                             required="true" requiredMessage="Por favor ingrese un email"
                                             validatorMessage="Formato de email invalido" >                                
                                    <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" /> 
                                </p:inputText>
                                <p:message for="form02inputText04" display="text" />

                                <p:outputLabel for="form02inputText05" value="Telefono:" style="font-weight:bold"/>
                                <p:inputMask id="form02inputText05"  value="#{crearUsuario.jefeOcaa.dtfnoJocaa}"
                                             required="false" mask="9999999" size="9" />
                                <p:message for="form02inputText05" display="text" />

                                <p:separator />
                                <p:separator />
                                <p:separator />

                                <p:outputLabel for="form02inputText06" value="Usuario:" style="font-weight:bold"/>
                                <p:inputText id="form02inputText06" value="#{crearUsuario.jefeOcaa.dnmUsua}"
                                             required="true" requiredMessage="Por favor ingrese su nickname">
                                    <f:validateLength minimum="5" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form02inputText06" display="text" />

                                <p:outputLabel for="form02inputText07" value="Contraseña:" style="font-weight:bold" />
                                <p:password id="form02inputText07"  feedback="true"  value="#{crearUsuario.jefeOcaa.dcntUsua}"
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form02inputText07" display="text" />

                                <p:outputLabel for="form02inputText08" value="Repita su contraseña" style="font-weight:bold" />
                                <p:password id="form02inputText08"  value="#{crearUsuario.passJefeOcaa}" 
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form02inputText08" display="text" />

                            </h:panelGrid>
                            <p:commandButton value="Registrar" icon="ui-icon-check" validateClient="true" style="margin-right:10px"
                                             update="form02grid01,form02growl01" action="#{crearUsuario.registrarJefeOcaa}" />                            
                            <p:commandButton value="Limpiar" type="reset" />
                        </p:panel>
                    </h:form>
                </p:tab>
                <p:tab title="Bienestar">
                    <h:form id="form03">     
                        <p:growl id="form03growl01" showDetail="true" sticky="true" life="2000" /> 
                        <p:panel id="form03panel01">                                 
                            <p:focus context="form03panel01"/>
                            <h:panelGrid id="form03grid01" columns="3" cellpadding="5" styleClass="panelGridCenter">
                                <p:outputLabel for="form03inputText01" value="Nombres:" style="font-weight:bold"/>
                                <p:inputText id="form03inputText01" value="#{crearUsuario.jefeBienestar.dnmJub}"
                                             required="true" requiredMessage="Por favor ingrese su nombre">
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form03inputText01" display="text" />

                                <p:outputLabel for="form03inputText02" value="Apellido Paterno:" style="font-weight:bold"/>
                                <p:inputText id="form03inputText02"  value="#{crearUsuario.jefeBienestar.dappJub}"
                                             required="true" requiredMessage="Por favor ingrese su apellido paterno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form03inputText02" display="text" />

                                <p:outputLabel for="form03inputText03" value="Apellido Materno:" style="font-weight:bold"/>
                                <p:inputText id="form03inputText03" value="#{crearUsuario.jefeBienestar.dapmJub}" 
                                             required="true" requiredMessage="Por favor ingrese su apellido materno" >
                                    <f:validateLength minimum="2" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form03inputText03" display="text" />

                                <p:outputLabel for="form03inputText04" value="Email:" style="font-weight:bold"/>
                                <p:inputText id="form03inputText04" value="#{crearUsuario.jefeBienestar.demailJub}" 
                                             required="true" requiredMessage="Por favor ingrese un email"
                                             validatorMessage="Formato de email invalido" >                                
                                    <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" /> 
                                </p:inputText>
                                <p:message for="form03inputText04" display="text" />

                                <p:outputLabel for="form03inputText05" value="Telefono:" style="font-weight:bold"/>
                                <p:inputMask id="form03inputText05"  value="#{crearUsuario.jefeBienestar.dtfnoJub}"
                                             required="false" mask="9999999" size="9" />
                                <p:message for="form03inputText05" display="text" />

                                <p:separator />
                                <p:separator />
                                <p:separator />

                                <p:outputLabel for="form03inputText06" value="Usuario:" style="font-weight:bold"/>
                                <p:inputText id="form03inputText06" value="#{crearUsuario.jefeBienestar.dnmUsua}"
                                             required="true" requiredMessage="Por favor ingrese su nickname">
                                    <f:validateLength minimum="5" maximum="50" /> 
                                </p:inputText>
                                <p:message for="form03inputText06" display="text" />

                                <p:outputLabel for="form03inputText07" value="Contraseña:" style="font-weight:bold" />
                                <p:password id="form03inputText07"  feedback="true"  value="#{crearUsuario.jefeBienestar.dcntUsua}"
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form03inputText07" display="text" />

                                <p:outputLabel for="form03inputText08" value="Repita su contraseña" style="font-weight:bold" />
                                <p:password id="form03inputText08"  value="#{crearUsuario.passJefeBienestar}"
                                            required="true" requiredMessage="Por favor ingrese su contraseña"/>
                                <p:message for="form03inputText08" display="text" />

                            </h:panelGrid>
                            <p:commandButton value="Registrar" icon="ui-icon-check" validateClient="true" style="margin-right:10px"
                                             update="form03grid01,form03growl01" action="#{crearUsuario.registrarJefeBienestar}" />                            
                            <p:commandButton value="Limpiar" type="reset" />
                        </p:panel>
                    </h:form>

                </p:tab>
            </p:tabView>
        </p:panel>
    </ui:define>

</ui:composition>
